<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
			
		</title>
		<style>
			*{
				padding: 0%;margin: 0%;
			}
			.demo1{
				height:200px ;width: 100%;
				
				 /* HTML标签：内容+内边距+边框线+外边距 */
				/* padding:内容和边框线之间的距离 - */
				
				/* 外边距：margin:标签跟标签之间的距离 */
				
			}
			.demo2{height: 56px;width: 30%;
				
				background-color: aqua;
			}
			.demo3{height: 56px;width: 60%;
			
				background-color:blue;
			}
			.demo2,.demo3{
				float: left;
			}
			
			
		</style>
			
		
		
	</head>
	<body>
		<div class="demo1">
		<div class="demo3">
			<a href="">首页</a>
			<a href="">首页</a>
			<a href="">首页</a>
			<a href="">首页</a>
			<a href="">首页</a>
			<a href="">首页</a>
		</div>
			<div class="demo2"><img src="img/logo.png" alt="" />
				
			</div>
		</div>
		
	</body>
</html>